<%@ page contentType="text/html; charset=utf-8"%>
<%@ include file="../included/commons.jsp"%>

<script src="${base}javascript/jquery-1.4.2.js" language="javascript"
	type="text/javascript"></script>
<link
	href="${base}javascript/jquerys/nyroModal-1.6.2/styles/nyroModal.css"
	rel="stylesheet" type="text/css" />
<script type="text/javascript"
	src="${base}javascript/jquerys/nyroModal-1.6.2/js/jquery.nyroModal-1.6.2.js"></script>
<style type="text/css">
/* 
	Web20 Table Style
	written by Netway Media, http://www.netway-media.com
*/
table {
	border-collapse: collapse;
	border: 1px solid #666666;
	font: normal 11px verdana, arial, helvetica, sans-serif;
	color: #363636;
	background: #f6f6f6;
	text-align: left;
}

caption {
	text-align: center;
	font: bold 16px arial, helvetica, sans-serif;
	background: transparent;
	padding: 6px 4px 8px 0px;
	color: #CC00FF;
	text-transform: uppercase;
}

thead,tfoot {
	background: url(bg1.png) repeat-x;
	text-align: left;
	height: 30px;
}

thead th,tfoot th {
	padding: 5px;
}

table a {
	color: #333333;
	text-decoration: none;
}

table a:hover {
	text-decoration: underline;
}

tr.odd {
	background: #f1f1f1;
}

tbody th,tbody td {
	padding: 5px;
}
</style>
<form id="myValidForm" action="${base}jsp/workflow/viewdocument.jsp"
	target="_blank" method="post">
	<input name="workflowId" value="${workflowId}" type="hidden" />
	<table width="70%" border="0" align="center" cellpadding="0"
		cellspacing="1">
		<caption>
			模版选择器
		</caption>
		<thead>
		 <tr>
		  <th>选择</th>
		  <th>名称</th>
		  <th>类型</th>
		 </tr>
		</thead>
		<tbody>
		<c:forEach items="${officeTmps}" var="tmp" varStatus="vs">
			<tr>

				<td width="6%">
					<input type="radio" id="tid${tmp.id}" name="tempid"
						value="${tmp.id}" onclick="doSelect()" />
				</td>
				<td width="79%" class="${vs.index%2==0?'odd':'even'}">
					<label for="tid${tmp.id}">
						${tmp.name}
					</label>
				</td>
				<td width="15%" class="${vs.index%2==0?'odd':'even'}">
					<input type="hidden" name="type" value="${tmp.ext}" />
					<label for="tid${tmp.id}">
						${tmp.ext}
					</label>
				</td>
			</tr>
		</c:forEach>
</tbody>
<tfoot>
		<tr>
			<td align="center">
				&nbsp;
			</td>
			<td>
				<input type="submit" value="确定" />
			</td>
			<td></td>
		</tr>
		</tfoot>
	</table>
</form>
<script>
    var haveSet=false;
    function doSelect(){
        haveSet=true;
    };
	$(function() {
				
	});
	
</script>